<template>
  <div class="dash">
    <div class="dashboard-text">
      <div class="lef">
        <i />
        金币购买于人名币关联设置
      </div>
    </div>
    <!-- form -->
    <div class="conten">
      <el-table
        :data="this.dataList"
        :header-cell-style="{
          'height':'56px',
          'background':'#F2F2F2',
        }"
        style="width: 1509px;border:1px solid #E6E6E6;padding-bottom:59px;margin-bottom:59px"
      >
        <el-table-column label="金币数额" align="center">
          <template slot-scope="scope">
            <span style="float:left; width:150px;text-align:center;">{{ scope.row.num }}</span>
          </template>
        </el-table-column>
        <el-table-column label="金币销售单价" align="center">
          <template slot-scope="scope">
            <div slot="reference" class="name-wrapper">
              <span style="display:block;width:301px;text-align:center;">{{ scope.row.name }}</span>
            </div>
          </template>
        </el-table-column>
        <el-table-column label="第三方支付费率" align="center">
          <template slot-scope="scope">
            <span style="display:block;width:301px;text-align:center;">{{ scope.row.operateTime }}</span>
          </template>
        </el-table-column>
        <el-table-column label="企业税率" align="center">
          <template slot-scope="scope">
            <span style="display:block;width:301px;text-align:center;">{{ scope.row.num }}</span>
          </template>
        </el-table-column>
        <el-table-column label="金币销售单价" align="center">
          <template slot-scope="scope">
            <span style="display:block;width:301px;text-align:center;">{{ scope.row.num }}</span>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" width="301">
          <template slot-scope="scope">
            <span
              style="display:block;width:301px;text-align:center;"
              @click="payForEditing(scope.row)"
            >删除</span>
          </template>
        </el-table-column>
        <el-button-group>
          <el-button type="primary" icon="el-icon-arrow-left">新增</el-button>
          <el-button type="primary">
            提交
            <i class="el-icon-arrow-right el-icon--right" />
          </el-button>
        </el-button-group>
      </el-table>
    </div>

    <!--      分页内容-->
  </div>
</template>

<script>
import { getOperateLog, delLog, seekLog } from '@/api/homeLog.js'
import { constants } from 'crypto'
export default {
  data() {
    return {
      dataList: [],
      dataTotal: ''
    }
  },
  created() {
    this.initList()
  },
  methods: {
    // 初始化
    initList() {
      getOperateLog({
        pageNum: 1,
        pageSize: 10
      }).then(res => {
        console.log(res, 210)
        this.dataList = res.data.list
        this.dataTotal = res.data.list.total
      })
    },
    payForEditing(lis) {
      console.log(lis, 110)
      this.$router.push({
        name: `payForEditing`,
        params: {
          lis
        }
      })
    }
  }
}
</script>

<style lang="scss">
.dash {
  width: 100%;
  overflow-x: auto;
  .he {
    .el-form {
      .el-button--primary {
        padding: 0 !important;
        margin-left: -37px !important;
        width: 100px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 15px !important;
        font-family: PingFangSC-Regular !important;
        font-weight: 400 !important;
        color: rgba(255, 255, 255, 1) !important;
        background: rgba(72, 141, 255, 1) !important;
        border-radius: 2px !important;
        span {
          display: block;
          padding: 0 !important;
          margin: 0 !important;
          height: 40px !important;
          line-height: 40px !important;
        }
      }
    }
  }
  // 分页
  .pa {
    width: 100% !important;
    // margin: 30px 162px 0 0 !important;
  }
}
</style>
